<!DOCTYPE html>
<html lang="en">
<head>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>商城列表</title>
    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="../css/index.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_957525_pud4njor1t.css"/>
</head>
</head>
<body>



<!--头部开始-->
<header flex="main:justify cross:center">
    <div class="search" flex="main:justify cross:center">
        <i class="iconfont icon-search"></i>
        <input type="text" placeholder="搜索商家，店铺，品牌名。"/>
    </div>
    <span>搜索</span>
</header>
<!--头部结束-->

<!--导航开始-->
<ul class="nav">
    <li >
        <div class="good4"></div>
        <span>家用电器</span>
    </li>
    <li>
        <div class="good1"></div>
        <span>手机数码</span>
    </li>
    <li>
        <div class="good2"></div>
        <span>电脑办公</span>
    </li>
    <li>
        <div class="good3"></div>
        <span>家具家纺</span>
    </li>
    <li>
        <div class="good4"></div>
        <span>家用电器</span>
    </li>
</ul>
<!--导航结束-->

<!--列表切换开始-->
<ul class="s-tab" flex="main:center cross:center">
    <li flex="cross:center main:center">
        综合排序
        <i class="iconfont icon-paixu"></i>
    </li>
    <li flex="cross:center main:center">
        附近商家
    </li>
    <li flex="cross:center main:center">
        选择地区
    </li>
</ul>
<!--列表切换结束-->

<!--列表开始-->
<ul class="shop">
    <li >
        <div class="s-name" flex="main:justify cross:center">
            <span>福州VANS专卖店</span>
            <i class="iconfont icon-jiantou"></i>
        </div>
        <div class="s-con" flex="mian:justify cross:center">
            <div class="s-pic shop1"></div>
            <div class="s-text" >
                <p>福建省福州市鼓楼区鼓山旁福马路君临东城沃尔玛4楼</p>
                <div flex="main:justify cross:center">
                    <span class="distant">距离670m <span class="follower">关注人数103</span></span>
                    <button>未关注</button>
                </div>
            </div>
        </div>
    </li>
    <li >
        <div class="s-name" flex="main:justify cross:center">
            <span>福州潮人服饰</span>
            <i class="iconfont icon-jiantou"></i>
        </div>
        <div class="s-con" flex="mian:justify cross:center">
            <div class="s-pic shop2"></div>
            <div class="s-text" >
                <p>福建省福州市仓山区六一南路汇达广场旁服装城103号</p>
                <div flex="main:justify cross:center">
                    <span class="distant">距离670m <span class="follower">关注人数103</span></span>
                    <button class="yes-f">已关注</button>
                </div>
            </div>
        </div>
    </li>
    <li >
        <div class="s-name" flex="main:justify cross:center">
            <span>福州VANS专卖店</span>
            <i class="iconfont icon-jiantou"></i>
        </div>
        <div class="s-con" flex="mian:justify cross:center">
            <div class="s-pic shop3"></div>
            <div class="s-text" >
                <p>福建省福州市鼓楼区鼓山旁福马路君临东城沃尔玛4楼</p>
                <div flex="main:justify cross:center">
                    <span class="distant">距离670m <span class="follower">关注人数103</span></span>
                    <button>未关注</button>
                </div>
            </div>
        </div>
    </li>
    <li >
        <div class="s-name" flex="main:justify cross:center">
            <span>福州水密码专卖店</span>
            <i class="iconfont icon-jiantou"></i>
        </div>
        <div class="s-con" flex="mian:justify cross:center">
            <div class="s-pic shop1"></div>
            <div class="s-text" >
                <p>福建省福州市鼓楼区鼓山旁福马路君临东城沃尔玛4楼</p>
                <div flex="main:justify cross:center">
                    <span class="distant">距离670m <span class="follower">关注人数103</span></span>
                    <button>未关注</button>
                </div>
            </div>
        </div>
    </li>
</ul>
<!--列表结束-->

</body>
<!--ios的active-->
<script>
    document.body.addEventListener('touchstart',function(){});
</script>
</html>